<template>
  <div>
    <div style="margin-top:15px;height:30px;">
        <van-nav-bar title="现场执行问题记录" left-text="返回" left-arrow  @click-left="onClickLeft">
        </van-nav-bar>
       <van-list
          v-model="loading"
          :finished="finished"
          @load="onLoad"
        >
          <div class="detail" v-for="item in list" :key="item">
              <div>
                  <span class="span">{{item.datetime}}</span>
                  <span class="span2">
                    <van-icon name="edit" />
                  </span>
              </div>
              <div style="clear: both;">
                <div style="width:96%;border-top: 1px solid #ddd;margin-left: 2%;">
                    {{item.remark}}
                </div>
              </div>
          </div>
        </van-list>

    </div>
  </div>
</template>
<script>
    import utils from "@/utils/Utils";
    import {
      NavBar,
      Icon,
      Toast
    } from "vant";
    export default {
      components: {
        [NavBar.name]: NavBar,
        [Icon .name]:Icon,
        [Toast.name]:Toast
      },
      created() {

      },
      data() {
          return {
           list:[{
              remark:"上海1862时尚艺术中心上海1862时尚艺术中心上海1862时尚艺术中心上海1862时尚艺术中心上海1862时尚艺术中心上海1862时尚艺术中心上海1862时尚艺术中心上海1862时尚艺术中心上海1862时尚艺术中心",
              datetime:"2018-09-05"
            },
            {
             remark:"上海1862时尚艺术中心上海1862时尚艺术中心上海1862时尚艺术中心上海1862时尚艺术中心上海1862时尚艺术中心上海1862时尚艺术中心上海1862时尚艺术中心上海1862时尚艺术中心上海1862时尚艺术中心",
              datetime:"2018-09-02"
            },
            {
            remark:"上海1862时尚艺术中心上海1862时尚艺术中心上海1862时尚艺术中心上海1862时尚艺术中心上海1862时尚艺术中心上海1862时尚艺术中心上海1862时尚艺术中心上海1862时尚艺术中心上海1862时尚艺术中心",
              datetime:"2018-09-01"
            }]
          };
      },

      methods: {
        onClickLeft() {
            utils.closeModal();
        },
      }
    };
</script>
<style lang="less">
  .detail{
    width:92%;
    margin:0 aut0;
    margin-top:10px;
    margin-left:4%;
    border: 1px solid #ddd;
    border-radius: 10px;
  }

  .span{
    float: left;
    font-family: PingFangSC-Regular;
    color: #888888;
    text-align: right;
    line-height: 28px;
    font-size: 12px;
    margin-left: 2%;
  }

  .span2{
    float: right;
    margin-top: 2%;
    margin-right: 2%;
  }

</style>
